---
layout: default
---

<div id="home-banner">
	<img id="home-logo" src="{{ site.baseurl }}/assets/logo.svg" alt="Magnet Player icon">
</div>

<form id="magnet-input">
	<input name="torrentId" placeholder="输入磁力链接或种子文件链接"><button type="submit">播放</button>
</form>

<div id="hero">
	<div id="output">
		<div id="progressBar"></div>
		<!-- The video player will be added here -->
	</div>

	<!-- Statistics -->
	<div id="status">
		<div>
			<span class="show-leech">Downloading </span>
			<span class="show-seed">Seeding </span>
			<code id="streamedFileName"></code>
			<span class="show-leech"> from </span>
			<span class="show-seed"> to </span>
			<code id="numPeers">0 peers</code>
		</div>

		<div>
			<code id="downloaded"></code> of <code id="total"></code> - <span id="remaining"></span>
		</div>

		<div>
			&#x2193; <code id="downloadSpeed">0 b/s</code> / <code id="uploadSpeed">0 b/s</code> &#x2191;
		</div>
	</div>
</div>

<hr>
<div class="help-div">
	
	<h3>找到想要观看的资源，然后将以下内容之一复制粘贴到输入框中：</h3>

	<ul>
		<li>磁力链接</li>
		<li>种子文件</li>
		<li>哈希值</li>
		<li>种子文件的链接</li>
	</ul>
	
	<h3>我还是不知道怎么做，能举个例子吗？</h3>	
	<h4>当然！尝试将这个网址复制粘贴到输入框中：</h4>
	
	<pre>https://webtorrent.io/torrents/sintel.torrent</pre>
</div>

